<head>
   <SCRIPT type='text/javascript' src='../../../../config/domain.js'></SCRIPT><!-- DOMAIN -->
   <SCRIPT TYPE="text/javascript" SRC="../../../js/DrDesktop_TimeDate.js"></SCRIPT>
   <SCRIPT TYPE="text/javascript" SRC="../../../js/DrDesktop_resources.js"></SCRIPT>
   <SCRIPT TYPE="text/javascript" SRC="../../../js/DrDesktop_ventanas.js"></SCRIPT>
   <SCRIPT TYPE="text/javascript" SRC="../../../js/jquery.js"></SCRIPT>
	
	<style>
	   body{background-color:transparent; margin:0px; padding:0px}
	   /*body{background-color:#0f8de4}*/
      .btnN{float:left;width:12px; height:17px; font-family:Arial; font-size:12px; font-weight:bold; color:white; filter:alpha(opacity=20); -moz-opacity:0.2; opacity: 0.2;cursor:pointer}
      .btnS{float:left;width:12px; height:17px; font-family:Arial; font-size:12px; font-weight:bold; color:white; filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;}
	   .clock{float:left;font-family:Arial; font-size:11px; height:17px; color:white; padding-right:3px; padding-left:8px}
	
	</style>
	
	<script>
		function drActualizaReloj()	{
	   	var fecha=drTimeDate.getDate({separator:" ", txtMonth:true, showYear:false, language:ISOLanguageCode})
	   	var hora=drTimeDate.getTime()	   		
	      var eldiv=document.getElementById("drDesktopClock")
	      if (eldiv!=null)
		      eldiv.innerHTML=fecha+" "+hora   		
		}
		
	   function elOnload()  {
	   	window.ISOLanguageCode=drResources.get({bundle:"core",key:"ISOLanguageCode"})
	   	ISOLanguageCode=ISOLanguageCode!=null?ISOLanguageCode:"en"	   
	   	drActualizaReloj()
		   window.setInterval(drActualizaReloj, 60000);
         $("#btn0").bind("click",function(){cambiaVirtualDesktop(0)})
         $("#btn1").bind("click",function(){cambiaVirtualDesktop(1)})
         $("#btn2").bind("click",function(){cambiaVirtualDesktop(2)})

         var ww=drWindow.getDesktopWindow()
         if (ww.drEvents){
            ww.drEvents.bind({type:"ID_changeVD", functionName:"showVDChange", parentObject:window})
         }
	   }
		
      function cambiaVirtualDesktop(vd)   {
         showVDChange(vd)
         drWindow.changeVirtualDesktop({"virtualDesktop":vd})
      }

      function showVDChange(vd){
         $("#btn0").removeClass("btnS").addClass("btnN")
         $("#btn1").removeClass("btnS").addClass("btnN")
         $("#btn2").removeClass("btnS").addClass("btnN")
         $("#btn"+vd).removeClass("btnN").addClass("btnS")
      }

	</script>
	
</head>

<body onload="elOnload()">
   <DIV id="btn0" class="btnS">1</DIV><DIV id="btn1" class="btnN">2</DIV><DIV id="btn2" class="btnN">3</DIV><DIV class="clock" id="drDesktopClock"></DIV>
</body>